<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Daxone - eCommerce Bootstrap 4 Template</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->
    <!--layui CSS-->
    <link rel="stylesheet" href="assets/layui/css/layui.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/vendor/line-awesome.css">
    <link rel="stylesheet" href="assets/css/vendor/themify.css">
    <!-- othres CSS -->
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/owl-carousel.css">
    <link rel="stylesheet" href="assets/css/plugins/slick.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- 商品详情style css -->
    <!-- bootstrap v4.0.0 -->
    <!--<link rel="stylesheet" href="assets/productscriptioncss/bootstrap.min.css">-->

    <!-- helper css -->
    <link rel="stylesheet" href="assets/productscriptioncss/helper.css">
    <!-- style css -->
    <!--<link rel="stylesheet" href="assets/productscriptioncss/style.css">-->

	<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>


	
	<style type="text/css">
		h1{font-family:"微软雅黑";font-size:40px;margin:20px 0;;border-bottom:solid 1px #ccc;padding-bottom:20px;letter-spacing:2px;}

		.time-item strong{background:#C71C60;color:#fff;line-height:46px;font-size:30px;font-family:Arial;padding:0 10px;margin-right:10px;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
		#day_show{float:left;line-height:49px;color:#c71c60;font-size:32px;margin:0 10px;font-family:Arial, Helvetica, sans-serif;}
		.item-title .unit{background:none;line-height:49px;font-size:24px;padding:0 10px;float:left;}
	</style>
    <style>
        .slider-area .nav-style-1.nav-dot-left .owl-nav {
            left: 70px;
            top: 350px;
        }

        .slider-area .dot-style-1 .owl-dots {
            left: 70px;
            top: 350px;
        }

        .owl-carousel .owl-stage-outer {
            height: 500px;
        }
    </style>
</head>

<body>
<!-- PC端导航 -->
<div class="main-wrapper">
    <header class="header-area transparent-bar sticky-bar">
        <div class="main-header-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-3">
                        <div class="logo mt-40">
                            <a href="index.html"><img src="assets/images/logo/logo-1.png" alt="logo"></a>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-5">
                        <div class="main-menu menu-common-style menu-lh-1 menu-other-style">
                            <nav>
                                <ul>
                                    <li class="angle-shape"><a href="index.html">主页</a>
                                    </li>

                                    <li class="angle-shape"><a href="#">主题</a>
                                        <ul class="submenu">
                                            <li><a href="about-us.html">动漫周边</a></li>
                                            <li><a href="cart.html">生活用品</a></li>
                                            <li><a href="checkout.html">手机电脑</a></li>
                                            <li><a href="compare.html">工艺刺绣</a></li>
                                            <li><a href="wishlist.html">金银首饰</a></li>
                                            <li><a href="my-account.html">运动健身</a></li>
                                            <li><a href="contact.html">古玩专场</a></li>
                                            <li><a href="login-register.html">其他主题 </a></li>
                                        </ul>
                                    </li>
                                    <li class="angle-shape"><a href="blog.html">新手帮助</a>
                                        <ul class="submenu">
                                            <li><a href="blog.html">授权认证</a></li>
                                            <li><a href="blog-2col.html">竞拍流程</a></li>

                                        </ul>
                                    </li>
                                    <li><a href="contact.html">个人中心</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4" style="line-height: 112px;">
                        <input type="text" placeholder="搜索..">
                    </div>

                </div>
            </div>
            <!-- main-search start -->
            <div class="main-search-active">
                <div class="sidebar-search-icon">
                    <button class="search-close"><span class="la la-close"></span></button>
                </div>
                <div class="sidebar-search-input">
                    <form>
                        <div class="form-search">
                            <input id="search" class="input-text" value="" placeholder="Search Now" type="search">
                            <button>
                                <i class="la la-search"></i>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="header-small-mobile">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-6">
                        <div class="mobile-logo">
                            <a href="index.html">
                                <img alt="" src="assets/images/logo/logo-1.png">
                            </a>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="header-right-wrap">
                            <div class="mobile-off-canvas">
                                <a class="mobile-aside-button" href="#"><i class="la la-navicon la-2x"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- 手机端导航 -->
    <div class="mobile-off-canvas-active">
        <a class="mobile-aside-close"><i class="la la-close"></i></a>
        <div class="header-mobile-aside-wrap">
            <div class="mobile-search">
                <form class="search-form" action="#">
                    <input type="text" placeholder="搜索…">
                    <button class="button-search"><i class="la la-search"></i></button>
                </form>
            </div>
            <div class="mobile-menu-wrap">
                <!-- mobile menu start -->
                <div class="mobile-navigation">
                    <!-- mobile menu navigation start -->
                    <nav>
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children"><a href="index.html">主页</a>
                            </li>

                            <li class="menu-item-has-children"><a href="#">主题</a>
                                <ul class="dropdown">
                                    <li><a href="about-us.html">动漫周边</a></li>
                                    <li><a href="cart.html">生活用品</a></li>
                                    <li><a href="checkout.html">手机电脑</a></li>
                                    <li><a href="compare.html">乐器专场</a></li>
                                    <li><a href="wishlist.html">金银首饰</a></li>
                                    <li><a href="my-account.html">运动健身</a></li>
                                    <li><a href="contact.html">古玩专场</a></li>
                                    <li><a href="login-register.html">其他主题 </a></li>
                                </ul>
                            </li>

                            <li class="menu-item-has-children"><a href="blog.html">新手帮助</a>
                                <ul class="dropdown">
                                    <li><a href="blog.html">授权认证</a></li>
                                    <li><a href="blog-2col.html">竞拍流程</a></li>

                                </ul>
                            </li>
                            <li><a href="contact.html">个人中心</a></li>
                        </ul>
                    </nav>

                    <!-- mobile menu navigation end -->
                </div>
                <!-- mobile menu end -->
            </div>
            <div class="mobile-curr-lang-wrap">


                <div class="single-mobile-curr-lang">
                    <a class="mobile-account-active" href="#">我的账号<i class="la la-angle-down"></i></a>
                    <div class="lang-curr-dropdown account-dropdown-active">
                        <ul>
                            <li><a href="#">登陆</a></li>
                            <li><a href="#">注册t</a></li>
                            <li><a href="#">账号设置</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mobile-social-wrap">
                <a class="facebook" href="#"><i class="ti-facebook"></i></a>
                <a class="twitter" href="#"><i class="ti-twitter-alt"></i></a>
                <a class="pinterest" href="#"><i class="ti-pinterest"></i></a>
                <a class="instagram" href="#"><i class="ti-instagram"></i></a>
                <a class="google" href="#"><i class="ti-google"></i></a>
            </div>
        </div>
    </div>





        <div class="product-details-area pt-90 pb-90">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="product-details-img">
                            <div class="zoompro-border zoompro-span" id="largeIcon">
                                <img class="zoompro" th:src="${good.url}" th:data-zoom-image="${good.url}" alt="" id="bigPic"/> <span>-29%</span>
                            </div>
                            <div id="gallery" class="mt-20 product-dec-slider">
                                <!--<a data-image="assets/images/product-details/product-detalis-l1.jpg" data-zoom-image="assets/images/product-details/product-detalis-bl1.jpg">
                                    <img src="assets/images/product-details/product-detalis-s1.jpg" alt="" style="width: 90px;height: 90px">
                                </a>
                                <a data-image="assets/images/product-details/product-detalis-l2.jpg" data-zoom-image="assets/images/product-details/product-detalis-bl2.jpg">
                                    <img th:src="${good.url}" alt="" style="width: 90px;height: 90px">
                                </a>
                                <a data-image="assets/images/product-details/product-detalis-l3.jpg" data-zoom-image="assets/images/product-details/product-detalis-bl3.jpg">
                                    <img src="assets/images/product-details/product-detalis-s3.jpg" alt="" style="width: 90px;height: 90px">
                                </a>
                                <a data-image="assets/images/product-details/product-detalis-l4.jpg" data-zoom-image="assets/images/product-details/product-detalis-bl4.jpg">
                                    <img src="assets/images/product-details/product-detalis-s4.jpg" alt="" style="width: 90px;height: 90px">
                                </a>
                                <a data-image="assets/images/product-details/product-detalis-l5.jpg" data-zoom-image="assets/images/product-details/product-detalis-bl5.jpg">
                                    <img src="assets/images/product-details/product-detalis-s5.jpg" alt="" style="width: 90px;height: 90px">
                                </a>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="product-details-content pro-details-content-modify">
                            <h2>[[${good.title}]]</h2>
                            <div class="product-ratting-review">
                                <div class="product-ratting">
                                    <i class="la la-star"></i>
                                    <i class="la la-star"></i>
                                    <i class="la la-star"></i>
                                    <i class="la la-star"></i>
                                    <i class="la la-star-half-o"></i>
                                </div>
                                <div class="product-review">
                                    <span>[[${good.circuseeNo}]]+ 围观次数</span>
                                </div>
								 <div class="product-review" style="margin-left: 30px;">
								    <span th:onclick="saveSmsremind([[${good.gid}]],[[${good.title}]],[[${#dates.format(good.startTime,'yyyy-MM-dd HH:mm:ss')}]],[[${#dates.format(good.endTime,'yyyy-MM-dd HH:mm:ss')}]],[[${good.goodState}]],[[${session.uid}]])" ><img src="assets/images/tixing.png" style="width: 36px; height: 36px;margin-right: 6px;">提醒按钮</span>
								</div>
                            </div>
							<!-- 倒计时模块开始 -->
                            <div class="time-item" style="margin-top: 0.625rem;">
								<span>商品状态：[[${goodStatusType}]]</span>
								距结束&nbsp;
								<strong id="hour_show">0时</strong>
								<strong id="minute_show">0分</strong>
								<strong id="second_show">0秒</strong>
							</div>
							<!--倒计时模块结束-->
							
							<div style="background: #F8F8F8; margin: 20px 0px 20px 0px; font-size: 20px;">
								<div style="margin-top: 0.625rem; padding: 20px 0px 10px 50px;">
									<span>当前价</span>
									<em>￥</em>
									<span>[[${currentPrice}]]<span style="width: 132px;display: none;">柒仟柒佰柒拾柒元</span></span>
									<span>
										(<em>[[${bidNo}]]</em>次出价)
									</span>
								</div>
								<div style="margin-top: 0.625rem;padding-left: 3.125rem;">
									保证金<em>￥</em>
									<span>[[${good.buyerBond}]]<span style="width: 66px;display: none;">贰佰贰拾贰元</span></span>
								</div>
								<div class="pro-details-buy-now btn-hover btn-hover-radious" style="margin-top: 0.9375rem;padding: 10px 0px 20px 50px;">
									 <a href="javascript:void(0)" style="font-size: 20px;">报名交保证金</a></button>
								</div>
							</div>
							
                            <div style="margin-top: 0.625rem;">
								<b>易拍</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<span>[[${good.signupNo}]]人报名</span>&nbsp;&nbsp;&nbsp;
								<span>[[${good.remindNo}]]人设置提醒</span>
							</div>
							<div style="margin-top: 1.25rem;">
								<span>起拍价：￥[[${good.startPrice}]]</span>&nbsp;&nbsp;&nbsp;
								<span>加价幅度：￥[[${good.rangePrice}]]</span>&nbsp;&nbsp;&nbsp;
								<span>保证金：￥[[${good.sellerBond}]]</span>
							</div>
							<div  style="margin-top: 0.625rem;">
								<span>佣金：无</span>&nbsp;&nbsp;&nbsp;
								<span>延时周期：[[${good.delayPeriod}]]分/次</span>&nbsp;&nbsp;&nbsp;
								<span>保留价：无保留价</span>
							</div>
							<div style="margin-top: 0.625rem; ">
                                发起人：[[${good.publisher}]]
							</div>
                            <script language="JavaScript" src="http://code.54kefu.net/kefu/js/b122/1074122.js" type="text/javascript" charset="utf-8"></script>
							
                            <!--<div class="pro-details-quality" style="margin-top: 10px;">
                                <div class="cart-plus-minus">
                                    <input class="cart-plus-minus-box" type="text" name="qtybutton" value="02">
                                </div>
                            </div>-->
                            <div class="pro-details-compare-wishlist">
                                <div class="pro-details-wishlist">
                                    <span th:onclick="userConnection([[${good.gid}]])"><img src="assets/images/shoucang.png" style="width: 30px; height: 30px;"> 添加到收藏</span>
                                </div>
                            </div>
                            <!--<div class="pro-details-buy-now btn-hover btn-hover-radious">
                                <a href="#">加入购物车</a>
                            </div>-->

                            <!--百度分享功能-->
                            <div class="product-share">
                                <h4 class="pd-sub-title" style="margin-top: 20px;">分享</h4></div>
                            <div style="width:60%;margin:10px auto 20px auto; padding:0 0 0 100px;overflow:hidden">

                                <!-- Baidu Button BEGIN -->
                                <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" style="margin:10px 0 0 -4px">

                                    <a class="bds_sqq"></a>
                                    <a class="bds_tsina"></a>
                                    <a class="bds_qzone"></a>
                                    <span class="bds_more">更多</span>
                                    <a class="shareCount"></a>
                                </div>
                                <script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
                                <script type="text/javascript" id="bdshell_js"></script>
                                <script type="text/javascript">
                                    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours
                                    ();
                                </script>
                                <!-- Baidu Button END -->
                            </div>

							<!--<div class="product-share">
								<h4 class="pd-sub-title" style="margin-top: 20px;">分享</h4>
								<ul>
									<li style="float: left; margin-right: 10px;">
										<a href="#"><img src="assets/images/share/weixin.png" style="width: 36px; height: 36px;"></a>
									</li>
									<li style="float: left;">
										<a href="#"><img src="assets/images/share/qq.png" style="width: 36px; height: 36px;"></a>
									</li>
								</ul>
							</div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
		
		<!-- 商品描述开始 -->
        <div class="description-review-wrapper pb-90">
            <div class="container">
                <div class="row">
                    <div class="ml-auto mr-auto col-lg-10">
                        <div class="dec-review-topbar nav nav-tabs mb-40">
							<a class="active" data-toggle="tab" href="#des-details1">拍品简介</a>
                            <span id="bidNo"></span>
<!--                            <a data-toggle="tab" href="#des-details2">出价记录</a>-->
                            <a data-toggle="tab" href="#des-details3">服务保障</a>
							<a data-toggle="tab" href="#des-details4">保证金须知</a>
                        </div>
                        <div class="tab-content dec-review-bottom">
                            <div id="des-details1" class="tab-pane active">
                                <!--<div>
									<div class="section-title-2 text-center mt-40">
									    <h2>实物拍摄</h2>
									    <img src="assets/images/icon-img/title-shape.png" alt="icon-img">
									</div>
									<video style="max-width: 100%; height: auto;" controls>
										<source src="assets/video/video.mp4" type="video/mp4">
									</video>
								</div>-->
								<div class="text-center" style="margin-top: 30px; width: 100%; height: auto;">
									<div class="section-title-2">
									    <h2>拍品展示</h2>
									    <img src="assets/images/icon-img/title-shape.png" alt="icon-img">
									</div>
									<div class="mt-40" id="showDealPicBig">
										<!--<img src="assets/images/product-details/5.jpg" alt="" style="max-width: 100%;max-height: 100%"/>-->
									</div>
									<!--<div class="mt-40">
										<img src="assets/images/product-details/6.jpg" alt="" style="max-width: 100%;max-height: 100%"/>
									</div>
									<div class="mt-40">
										<img src="assets/images/product-details/7.jpg" alt="" style="max-width: 100%;max-height: 100%"/>
									</div>-->
								</div>
							</div>
                            <div id="des-details2" class="tab-pane">
                                <div class="specification-wrap table-responsive">
                                    <table class="table table-bordered" >
                                        <thead align="center">
                                            <tr >
                                                <td>状态</td>
                                                <td class="width1" >竞拍人</td>
                                                <td>价格</td>
                                                <td>时间</td>
                                            </tr>
                                        </thead>
                                        <tbody id="bidRecord" align="center">

                                            <!--<tr>
                                                <td>Type</td>
                                                <td>Categories</td>
                                            </tr>
                                            <tr>
                                                <td class="width1">Models</td>
                                                <td>FX 829 v1</td>
                                            </tr>
                                            <tr>
                                                <td class="width1">Categories</td>
                                                <td>Product Type</td>
                                            </tr>
                                            <tr>
                                                <td class="width1">Size</td>
                                                <td>60’’ x 40’’</td>
                                            </tr>
                                            <tr>
                                                <td class="width1">Display Port</td>
                                                <td>Multi</td>
                                            </tr>
                                            <tr>
                                                <td class="width1">Media</td>
                                                <td>Brightside</td>
                                            </tr>
                                            <tr>
                                                <td class="width1">Color</td>
                                                <td>Black, White</td>
                                            </tr>-->
                                        </tbody>

                                    </table>
                                    <div id="pagination"></div>
                                </div>
                            </div>
                            <div id="des-details3" class="tab-pane">
                                <div class="dec-review-wrap mb-50">
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-md-5">
                                            <div class="dec-review-img-wrap">
                                                <!--<div class="dec-review-img">
                                                    <img src="assets/images/product-details/review-1.png" alt="review">
                                                </div>-->
                                                <div class="dec-client-name">
                                                    <h4>送拍机构服务及承诺</h4>
                                                    <div class="dec-client-rating">
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star-half-o"></i>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-9 col-lg-8 col-md-7">
                                            <div class="dec-review-content">
                                                <p>送拍机构承诺如实描述拍品；
                                                    送拍机构成交不卖，则拍品保证金退一赔五作为赔付给竞买成功人；
                                                    关于运费：竞拍成功后，由送拍机构承担发货运费（港澳台除外）；其中拍卖行送拍的拍品，以及房地产、新车/二手车、媒体广告、运输设备、资产、媒体名人、虚拟、活体、服务类拍品，实物重50斤以上(大件家具30斤以上)或面积大于2个平方的拍品，以及类目有特别规定的不包邮；
                                                    关于拍卖行佣金收取：依据《中华人民共和国拍卖法》的规定，竞买人在竞拍成功后，需根据拍卖行约定（商品页面描述佣金额），缴纳约定比例、数额的佣金。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="dec-review-wrap mb-50">
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-md-5">
                                            <div class="dec-review-img-wrap">
                                               <!-- <div class="dec-review-img">
                                                    <img src="assets/images/product-details/review-2.png" alt="review">
                                                </div>-->
                                                <div class="dec-client-name">
                                                    <h4>维权服务发起流程</h4>
                                                    <div class="dec-client-rating">
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star-half-o"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-9 col-lg-8 col-md-7" style="width: 100%">
                                            <div class="dec-review-content">
                                                <div class="review-content-bottom">
                                                    <img src="assets/images/servicePic1.png">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="dec-review-wrap">
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-md-5">
                                            <div class="dec-review-img-wrap">
                                                <!--<div class="dec-review-img">
                                                    <img src="assets/images/product-details/review-3.png" alt="review">
                                                </div>-->
                                                <div class="dec-client-name">
                                                    <h4>拍卖会基础服务</h4>
                                                    <div class="dec-client-rating">
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star"></i>
                                                        <i class="la la-star-half-o"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-9 col-lg-8 col-md-7">
                                            <div class="dec-review-content">
                                                <p>送拍机构承诺如实描述，一旦发现描述不符的拍品，买家可在交易成功后指定期限内向拍卖会投诉送拍机构</p>
                                                <p>送拍机构入驻拍卖会需缴纳较高的经营保证金，买家维权有保障</p>
                                                <p>送拍机构承诺提供全面的售后服务，买家在竞拍过程中及竞拍成功后，如遇售中或售后问题，可以要求拍卖会介入</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 保证金须知开始 -->
                            <div id="des-details4" class="tab-pane">
                               <!-- <div id="deposit" class="tab-pane fade" style="margin: 0 auto;">-->
                                    <img src="img/deposit.jpg" alt="" />
                                </div>
                            </div>
                            <!-- 保证金须知结束 -->
                        </div>
                    </div>
                </div>
            </div>
        </div>



<!-- 尾部 -->
<footer class="footer-area">
    <div class="footer-top bg-gray pt-120 pb-85">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-12 col-sm-4">
                    <div class="footer-widget mb-30">
                        <a href="#"><img src="assets/images/logo/logo-1.png" alt="logo"></a>
                        <div class="footer-social">
                            <span>联系我们</span>
                            <p> 四川成都市高新区孵化园 </p>
                            <p>012 3456 789 </p>
                            <p><a href="#">info@example.com</a></p>
                            <ul>
                                <li><a href="#"><i class=" ti-facebook "></i></a></li>
                                <li><a href="#"><i class=" ti-twitter-alt "></i></a></li>
                                <li><a href="#"><i class=" ti-pinterest "></i></a></li>
                                <li><a href="#"><i class=" ti-vimeo-alt "></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-4">
                    <div class="footer-widget mb-30 footer-mrg-hm1">
                        <div class="footer-title">
                            <h3>拍卖保障</h3>
                        </div>
                        <div class="footer-list">
                            <ul>
                                <li><a href="#">如实描述</a></li>
                                <li><a href="#">成交必卖</a></li>
                                <li><a href="#">鉴定证书</a></li>
                                <li><a href="about-us.html">意见建议</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-4">
                    <div class="footer-widget mb-30">
                        <div class="footer-title">
                            <h3>新手帮助</h3>
                        </div>
                        <div class="footer-list">
                            <ul>
                                <li><a href="login-register.html">竞拍流程</a></li>
                                <li><a href="cart.html">竞拍协议</a></li>
                                <li><a href="wishlist.html">保证金介绍</a></li>
                                <li><a href="#">买家佣金</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom bg-gray-2 ptb-20">
        <div class="container">
            <div class="copyright text-center">
                <p>Copyright © <a href="http://www.17sucai.com">Seve</a>. All Right Reserved</p>
            </div>
        </div>
    </div>
</footer>

</div>


    <!-- JS
============================================ -->
    <!--layui JS-->
    <script src="assets/layui/layui.js"></script>
    <script src="assets/js/pagination.js"></script>
    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- Modernizer JS -->
    <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Popper JS -->
    <script src="assets/js/vendor/popper.js"></script>
    <!-- Bootstrap JS -->
    <script src="assets/js/vendor/bootstrap.min.js"></script>

    <!-- Slick Slider JS -->
    <script src="assets/js/plugins/countdown.js"></script>
    <script src="assets/js/plugins/counterup.js"></script>
    <script src="assets/js/plugins/images-loaded.js"></script>
    <script src="assets/js/plugins/isotope.js"></script>
    <script src="assets/js/plugins/instafeed.js"></script>
    <script src="assets/js/plugins/jquery-ui.js"></script>
    <script src="assets/js/plugins/jquery-ui-touch-punch.js"></script>
    <script src="assets/js/plugins/magnific-popup.js"></script>
    <script src="assets/js/plugins/owl-carousel.js"></script>
    <script src="assets/js/plugins/scrollup.js"></script>
    <script src="assets/js/plugins/waypoints.js"></script>
    <script src="assets/js/plugins/slick.js"></script>
    <script src="assets/js/plugins/wow.js"></script>
    <script src="assets/js/plugins/textillate.js"></script>
    <script src="assets/js/plugins/elevatezoom.js"></script>
    <script src="assets/js/plugins/sticky-sidebar.js"></script>
    <script src="assets/js/plugins/smoothscroll.js"></script>
    <!-- Main JS -->
    <script src="assets/js/main.js"></script>
	
	<script type="text/javascript">
		var intDiff = parseInt([[${date}]]);//倒计时总秒数量

		function timer(intDiff){
			window.setInterval(function(){
			var day=0,
				hour=0,
				minute=0,
				second=0;//时间默认值		
			if(intDiff > 0){
				day = Math.floor(intDiff / (60 * 60 * 24));
				hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
				minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
				second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
			}
			if (minute <= 9) minute = '0' + minute;
			if (second <= 9) second = '0' + second;
			$('#day_show').html(day+"天");
			$('#hour_show').html('<s id="h"></s>'+hour+'时');
			$('#minute_show').html('<s></s>'+minute+'分');
			$('#second_show').html('<s></s>'+second+'秒');
			intDiff--;
			}, 1000);
		} 

		$(function(){

			timer(intDiff);
                /*var domain = window.location.href;
                alert(domain);*/
            /*var gid=[[${good.gid}]];*/
            /*展示详情图片*/
            var gid=1;
            showDealPicSmall();
            showDealPicBig();
            getPage(gid);
		});

		//商品详情图片展示上部小图片
       function showDealPicSmall() {
           var gid=1;
           $.ajax({
               url:"/getPictures",
               data:{gid:gid},
               type:"post",
               dateType:"json",
               success:function(data){
                   //alert(data);
                   var pics="";
                   for (var i=0;i<data.length;i++){
                       var goodPic=data[i];
                       pics += "<a data-image="+"'"+goodPic.pic+"'"+" data-zoom-image="+"'"+goodPic.pic+"'"+">"
                           +"<img src="+"'"+goodPic.pic+"'"+" alt='' style='width: 90px;height: 90px'"+"onclick='pointPic("+goodPic.pic+")'>"
                           +"</a>"
                   }
                   $("#gallery").html(pics);
               }
           });
       }

        function pointPic(pic) {
            var switchover ="";
            switchover += "<img class='zoompro' src="+"'"+pic+"'"+" data-zoom-image="+"'"+pic+"'"+" alt='' />";
            $("#largeIcon imp").html(switchover);
        }


        //商品详情图片展示下部大图片
        function showDealPicBig() {
            var gid=1;
            $.ajax({
                url:"/getPictures",
                data:{gid:gid},
                type:"post",
                dateType:"json",
                success:function(data){
                    //alert(data);
                    var picb="";
                    for (var i=0;i<data.length;i++){
                        var goodPic=data[i];
                        picb += "<img src="+goodPic.pic+" alt='' style='max-width: 100%;max-height: 100%'"+"/>"
                    }
                    $("#showDealPicBig").html(picb);
                }
            });
        }



        /*展示出价记录*/
        function getPage(pageIndex){
            var gid=1;
            $.ajax({
                url:"/getBidRecords",
                type:"get",
                data:{currentPage: pageIndex,gid:gid},
                success:function (data) {
                    //alert(data);
                    var bidRecord="";
                    var bidNo="";
                    bidNo = "<a data-toggle='tab' href='#des-details2'>出价记录("+data.message.total+")</a>";
                    $("#bidNo").html(bidNo);
                    var bidRecords=data.message.list;
                    for (var i=0;i<bidRecords.length;i++){
                        var random = Math.random().toString(36).substr(2,5);
                        //alert(random);
                        bidRecord += "<tr>" +
                            " <td>"+bidRecords[i].bidState+"</td>" +
                            "<td class='width1'>"+random+"</td>" +
                            " <td>"+bidRecords[i].bidPrice+"</td>" +
                            " <td>"+bidRecords[i].bidTime+"</td>" +
                            "</tr>"
                    }
                    $("#bidRecord").html(bidRecord);
                    var count=data.message.total;
                    var limit=data.message.pageSize;
                    var curr=data.message.pageNum;
                    //alert(limit);
                    goodutil(count,curr,limit);
                }
            })
        }




        //添加收藏
		function userConnection(gid){
		    $.get("/saveUserConnection","gid="+gid+"&uid=1",function(result){
		        if(result.code == 0){
		            alert(result.message);
                    window.location.reload();
                }else {
		            alert(result.message);
                }
            });
        }
        //添加短信提醒
        function saveSmsremind(gid,title,startTime,endTime,goodState) {
		    //手机号需要从session域里获取
            $.get("/saveSmsremind","gid="+gid+"&title="+title+"&startTime="+startTime+"&endTime="+endTime+"&goodState="+goodState+"&uid=1",function (result) {
                if(result.code == 0){
                    alert(result.message);
                    window.location.reload();
                }else {
                    alert(result.message);
                }
            });

        }


	</script>
	
</body>

</html>